<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/jingdian.css">
    <script src="../js/jquery-1.js"></script>

    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
    <script src="../js/url.js"></script>
    <script src="../js/header.js"></script>
</head>

<body>
    <div class="hd"></div>
    <div style="width:1200px;height:50px;margin:auto;">
        <span style="line-height:50px;font-size:12px">当前位置：甘肃景点</span>
    </div>
    <div class="foot">
        <img src="../img/timg (2).jpg">
    </div>
    <div style="width:100%">
        <div style="width:1200px;margin:auto;overflow:hidden;">
            <div style="width:500px;height:332px;overflow:hidden;display:inline-block">
                <ul class="in" style="width:4590px;height:330px">
                </ul>
            </div>
            <div style="width:680px;height:332px;overflow:hidden;display:inline-block;overflow-y:auto">

                <span>
                    敦煌莫高窟 　　敦煌莫高窟是甘肃省敦煌市境内的莫高窟、西千佛洞的总称，是我国著名的四大石窟之一，也是世界上现存规模最宏大，保存最完好的佛教艺术宝库。 　　莫高窟位于敦煌市东南25公里处，开凿在鸣沙山东麓断崖上。前秦符坚建元二年(公元366年)有沙门乐尊者行至此处，见鸣沙山上金光万道，状有千佛，于是萌发开凿之心，后历建不断，遂成佛门圣地，号为敦煌莫高窟，俗称千佛洞。
                    　　唐为莫高窟全盛时期，隋代百窟样式由北朝的中央塔式改为中心佛坛，组像同前。唐出现一佛、二弟子、二天王或二力士的组合。塑像亦由早期的“瘦骨清秀”造型，重返“丰硕壮实”之貌。窟中壁画主要是大场面的说法图和简单的经变图。莫高窟最大塑像皆塑于唐，第96窟大佛是莫高窟中最大的塑像。唐代壁画是多种经变图，其规模极为宏伟，表现出天国的壮丽图景。石窟造像五代时已丧失生命力，宋代起步入衰退
                </span>
            </div>
        </div>
    </div>
    <div style="width:100%">
        <div style="width:1200px;margin:auto;overflow:hidden;">
            <div style="width:500px;height:332px;overflow:hidden;display:inline-block">
                <ul class="in1" style="width:2550px;height:330px">
                </ul>
            </div>
            <div style="width:680px;height:332px;overflow:hidden;display:inline-block;overflow-y:auto">

                <span>
                    敦煌的历史古老而久远。"敦煌"一词最早见于《史记·大宛列传》，东汉应劭解释"敦，大也；煌，盛也"，取盛大辉煌之意。历史上的敦煌曾是中西交通的枢纽要道，丝绸之路上的咽喉锁钥，对外交往上的国际都会，经营西域的军事重镇，在中华历史的长卷上占有光辉的篇章。敦煌古称"三危"。《都司志》载："三危为沙州望山，俗名羿雨山，在县城东南三十公里。三危耸峙，如危卵欲坠。故云。"至今敦煌市城东南有三个巍峨奇特的山峰，就是古代的三危。今仍称三危山。在距今约4000年前相当与舜禹时的上古时期，敦煌地区就有人类的先民在这里繁衍生息。据《尚书》记载，舜"窜三苗于三危"，成为敦煌历史上最早的居民。根据考古发现，在我国夏、商、周时期，这里就有属于玉门火烧沟文化类型的羌戎居住。春秋时敦煌称瓜州，以地产美瓜而得名。当时有月氏、乌孙游牧民族在此驻牧。到了战国，月氏逐渐强大，吞并羌人，赶走乌孙，成为敦煌的新主人。秦汉之际，雄踞漠北的匈奴崛起，打败击走月氏，敦煌为匈奴占据。至西汉武帝时，经过反击匈奴的战争，迫使匈奴"远循"，河西地区归入汉朝版图
                </span>
            </div>
        </div>
    </div>
    <div style="width:100%">
        <div style="width:1200px;margin:auto;overflow:hidden;">
            <div style="width:500px;height:332px;overflow:hidden;display:inline-block">
                <ul class="in2" style="width:4590px;height:330px">
                </ul>
            </div>
            <div style="width:680px;height:332px;overflow:hidden;display:inline-block;overflow-y:auto">
                <span>
                    鸣沙山，古称神沙山、沙角山。东西长约40公里，南北宽20公里，高数十米，东起莫高窟崖顶，西接党河水库，山峰陡峭，势如刀刃，整个山体由油润细米粒状黄沙积聚而成。我攀山而上，只觉脚下的沙子会鸣鸣作响，虽深一脚浅一脚，前进一步后退半步，爬山异常艰难，但仍感乐趣无穷。我一鼓足作气爬上顶峰。此时，顿觉劲风夹着细沙，朝身袭来，鸣声不绝于耳，身后留下的脚印很快便消失了。据说，狂风起时，从山顶下滑沙砾随人体下坠，沙山会发出巨大的响声，平日轻风吹拂时，又似管弦丝竹，因而得名为鸣沙山。鸣沙山的日落景观更令人陶醉，不可不看，叹为观止。
                    　　月牙泉长约300余米，宽约50米，被鸣沙山四周环抱，泉边白杨亭亭玉立，泉内游鱼悠闲戏水，泉水呈浅兰色，清澈柔美，味美甘甜，因水面酷似一弯新月而得名。月牙泉，梦一般的迷。千百年来不为四周流沙而淹没，不因干旱而枯竭，堪称天下沙漠第一泉，令人称奇叫绝。
                    　　惊叹之后不愿走，鸣沙山、月牙泉----等我有时再回来。
                </span>
            </div>
        </div>
    </div>
    <div style="width:100%">
        <div style="width:1200px;margin:auto;overflow:hidden;">
            <div style="width:500px;height:332px;overflow:hidden;display:inline-block">
                <ul class="in3" style="width:4590px;height:330px">
                </ul>
            </div>
            <div style="width:680px;height:332px;overflow:hidden;display:inline-block;overflow-y:auto">

                <span>
                    雷音寺原名解脱庵，亦名观音堂。位于古丝绸之路的重镇-甘肃敦煌市南4公里处鸣沙山下，月牙泉边。占地面积300亩的新寺院对山门、天王殿、大雄宝殿、陈列馆等设施进行了改造、维修和扩建，重现了唐式佛教寺院风格，其扩建后成为敦煌最为重要的汉传佛教宗教活动场所。2013年9月30日，雷音寺被评为国家3A级旅游景区。以莫高窟172窟经变壁画的建筑结构布局为蓝图的敦煌雷音寺建成，在“十一”黄金周期间将向游客免费开放。
                </span>
            </div>
        </div>
    </div>
    <div class="bd"></div>
</body>
<script>
    var STR = ""
    $(".hd").load("../html/header.html", function () {
        console.log(1)
        $(".hr").html(STR)
    }, function () {
        $(".hd").html(STR)
        console.log(2)
    })
    $(".bd").load("../html/footer.html")
    get("../js/jingdian.json", function (res) {
        console.log(res)
        var list1 = JSON.parse(res)
        var str = ""
        for (var i = 0; i < list1.length; i++) {
            console.log(list1[i].img)
            str += `
            <li>
           <img src="../img/${list1[i].img}">
        </li>
            `
        }
        $(".in").html(str)
        $(".in ul li img").css({
            display: "inline-block",
            height: "330px",
            width: "400px"
        })
        $(".in ").css({
            position: "relative",

        })
    })
    get("../js/jingdian.2.json", function (res) {
        console.log(res)
        var list1 = JSON.parse(res)
        var str = ""
        for (var i = 0; i < list1.length; i++) {
            console.log(list1[i].img)
            str += `
            <li>
           <img src="../img/${list1[i].img}">
        </li>
            `
        }
        $(".in2").html(str)
        $(".in2 ul li img").css({
            display: "inline-block",
            height: "330px",
            width: "400px"
        })
        $(".in2 ").css({
            position: "relative",

        })
    })
    get("../js/jingdian.1.json", function (res) {
        console.log(res)
        var list1 = JSON.parse(res)
        var str = ""
        for (var i = 0; i < list1.length; i++) {
            console.log(list1[i].img)
            str += `
            <li>
           <img src="../img/${list1[i].img}">
        </li>
            `
        }
        $(".in1").html(str)
        $(".in1  li img").css({
            display: "inline-block",
            height: "330px",
            width: "500px"
        })
        $(".in1 ").css({
            position: "relative",

        })
    })
    get("../js/jingdian.3.json", function (res) {
        console.log(res)
        var list1 = JSON.parse(res)
        var str = ""
        for (var i = 0; i < list1.length; i++) {
            console.log(list1[i].img)
            str += `
            <li>
           <img src="../img/${list1[i].img}">
        </li>
            `
        }
        $(".in3").html(str)
        $(".in3  li img").css({
            display: "inline-block",
            height: "330px",
            width: "500px"
        })
        $(".in3 ").css({
            position: "relative",

        })
    })
    var i = 0
    setInterval(() => {
        i++
        if (i == 9) {
            i = 1
        }
        console.log(i)
        $(".in").animate({
            left: -505 * i + "px"
        })
        $(".in2").animate({
            left: -505 * i + "px"
        })

    }, 2000, "slow");
    setInterval(() => {
        i + 1
        if (i == 5) {
            i = 1
        }
        console.log(i)

        $(".in1").animate({
            left: -505 * i + "px"
        })
        $(".in3").animate({
            left: -505 * i + "px"
        })
    }, 1000, "slow");
</script>

</html>